<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>申请分期界面</title>
    <link rel="stylesheet" th:href="@{bootstrap/css/bootstrap.min.css}">
    <script th:src="@{/bootstrap/js/jquery.min.js}"></script>
    <script th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
</head>
<body>
<div class="container">
    <div class="panel panel-info text-center" style="margin-top: 50px;">
        <div class="panel-heading" style="letter-spacing:30px;">
            <h3>分期申请</h3>
        </div>
        <div class="panel-body">
            <form>
                <table class="table table-condensed table-responsive table-hover text-left">
                    <thead class="tab-header-background">
                    <tr>
                        <th scope="col" colspan="4" style="text-align: center;font-size: 18px;font-weight: bold">申请信息</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <th scope="row" style="width: 25%;">#</th>
                        <th scope="row" style="width: 25%;">服务名称</th>
                        <th scope="row" style="width: 25%;">客户输入</th>
                        <th scope="row" style="width: 25%;">备注</th>
                    </tr>
                    <tr>
                        <th scope="row">1</th>
                        <td>交易日期</td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <th scope="row">2</th>
                        <td>记账日期</td>
                        <td></td>
                        <td>银行入账日期</td>
                    </tr>
                    <tr>
                        <th scope="row">3</th>
                        <td>交易摘要</td>
                        <td></td>
                        <td>来源</td>
                    </tr>
                    <tr>
                        <th scope="row">4</th>
                        <td>交易地点</td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <th scope="row">5</th>
                        <td>卡号末4位</td>
                        <td></td>
                        <td>交易卡后4位</td>
                    </tr>
                    <tr>
                        <th scope="row">6</th>
                        <td>人民币金额</td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <th scope="row">7</th>
                        <td>交易的金额</td>
                        <td></td>
                        <td>交易卡后4位</td>
                    </tr>
                    <tr>
                        <th scope="row">8</th>
                        <td>申请分期</td>
                        <td></td>
                        <td>客户申请分期</td>
                    </tr>
                    </tbody>
                </table>
                <button type="submit" class="btn btn-success btn-block btn-lg">提交申请</button>
            </form>
            <div class="panel-footer text-right">
                八仙过海项目组版权所有
            </div>
        </div>
    </div>
</div>
</body>
</html>